<div class="dws-graph-options" id="GRAPH_OPTION">

  <h2  onselectstart="return false" style="color:white">{{type$ | async }}</h2>
  <div class="formgrid grid" style="width:90%;margin-left:5%">
    <div class="field col-12">
      <label for="firstname2">Value</label>
      <input type="text" pInputText class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />
    </div>
    <div class="field col-12">
      <label for="firstname2">Color</label>
      <input type="text" pInputText class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />
    </div>
    <div class="col-12">
      <label for="state">State</label>
      <select id="state" class="w-full text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round outline-none focus:border-primary" style="appearance: auto">
          <option>Arizona</option>
          <option>California</option>
          <option>Florida</option>
          <option>Ohio</option>
          <option>Washington</option>
      </select>
    </div>
  </div>


</div>
